<template>
  <div class="survey container-content">
    <el-row>
      <el-col :span="24">
        <h3 class="panel-title">资产台账</h3>
      </el-col>
    </el-row>
    <el-divider class="divider"></el-divider>
    <el-row justify="end" class="export-container">
      <el-col :span="24" :offset="22">
        <el-button type="primary" @click="addNewData">新增</el-button>
        <el-button type="primary" @click="exporting">导出</el-button>
      </el-col>
    </el-row>
    <el-row class="filter-container">
      <el-col :span="24">
        <el-input
          placeholder="查询..."
          v-model="searchValue"
          class="input-with-select"
          @change="searchData"
        >
          <el-button
            slot="append"
            icon="el-icon-search"
            type="primary"
            @click="searchData"
          ></el-button>
        </el-input>
      </el-col>
    </el-row>
    <!-- <el-table ref="customerTable" :data="tableData" stripe style="width: 100%" @selection-change="handleSelectionChange">
      
      <el-table-column type="selection" width="55" align="center">
      </el-table-column>
      <el-table-column prop="id" label="id"> </el-table-column>
      <el-table-column
        prop="warehouseRegionId"
        label="仓库区域Id"
      ></el-table-column>
      <el-table-column prop="warehouseId" label="仓库Id"></el-table-column>
      <el-table-column prop="supplierId" label="供应商Id"> </el-table-column>
      <el-table-column prop="projectId" label="项目Id"> </el-table-column>
      <el-table-column prop="orderId" label="订单Id"></el-table-column>
      <el-table-column prop="batchNumber" label="入库批次号"></el-table-column>
      <el-table-column prop="inOutTime" label="入库日期"></el-table-column>
      <el-table-column prop="createTime" label="创建时间"></el-table-column>

      <el-table-column label="操作" width="200">
        <template slot-scope="scope">
          <el-tooltip
            class="item"
            effect="dark"
            content="详情"
            placement="bottom"
          >
            <el-button
              plain
              icon="el-icon-more"
              @click="handleDetail(scope.$index, scope.row)"
            ></el-button>
          </el-tooltip>
          <el-tooltip
            class="item"
            effect="dark"
            content="编辑"
            placement="bottom"
          >
            <el-button
              type="primary"
              plain
              icon="el-icon-edit"
              @click="handleEdit(scope.$index, scope.row)"
            ></el-button>
          </el-tooltip>
          <el-tooltip
            class="item"
            effect="dark"
            content="删除"
            placement="bottom"
          >
            <el-button
              type="danger"
              plain
              icon="el-icon-delete"
              @click="handleDelete(scope.$index, scope.row)"
            ></el-button>
          </el-tooltip>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      class="pagination"
      background
      layout="total, sizes, prev, pager, next, jumper"
      :total="total"
    >
    </el-pagination> -->
  </div>
</template>
<script>
// import {
//   getInOutStorageList,
//   deleteInOutStorageList,
// } from "@/api/system/warehouse";
export default {
  data() {
    return {
      searchValue: "",
      total: 0,
      tableData: [],
    };
  },
  methods: {
    addNewData() {},
    exporting() {},
    // 获取列表请求
    getData() {
      let type = 1;
      // getInOutStorageList({ type }).then((res) => {
      //   if (res.code === 200) {
      //     this.tableData = res.rows;
      //     this.total = res.total;
      //   }
      // });
    },
    // 删除事件
    handleDelete(index, row) {
      this.$confirm("请确定要删除所选的记录吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          // deleteInOutStorageList(row.id).then((res) => {
          //   if (res.code === 200) {
          //     this.tableData.splice(index, 1);
          //     this.$message({
          //       type: "success",
          //       message: "删除成功!",
          //     });
          //     this.getData();
          //   }
          // });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    // 搜索事件
    searchData() {
      // let searchValue = this.searchValue;
      // searchSurvey({ searchValue }).then((res) => {
      //   this.tableData = res.rows;
      //   console.log("请求成功", res);
      // });
    },
    //新增按钮
    addNewData() {
      // this.$router.push({ path: "/Survey/AddData" });
    },
    //编辑按钮
    handleEdit(index, row) {
      // let data = JSON.stringify(row);
      // this.$router.push({ path: "/Survey/EditData", query: { data } });
    },
    // 详情按钮
    handleDetail(index, row) {
      // this.$router.push({ path: "/Survey/DetailData" });
    },
  },
  created() {
    this.getData();
  },
};
</script>
<style lang="scss" scoped>
.divider {
  margin: 0;
}
.export-container {
  margin: 15px 0;
}
.pagination {
  margin-top: 10px;
}
</style>
